<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>商户管理</title>
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="../../css/commontCust.css" />
		<link rel="stylesheet" type="text/css" href="../../css/mui.min.css" />
		<link rel="stylesheet" type="text/css" href="../../css/style.css" />
		<link rel="stylesheet" type="text/css" href="../../css/title.css" />
		<style>
			ul {
				margin: 4px 0px 8px 0px;
				padding: 0px;
				height: 100%;
				width: 96%;
				list-style-type: none;
			}
			
			li {
				margin-top: 6px;
			}
			
			.liDivWrap {
				width: 100%;
				height: 120px;
				background: white;
				padding: 10px;
			}
		</style>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav home_top">
			<h1 class="mui-title"><span lang>商户管理</span></h1>
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<a class="title_right" id="transfer_out_record" lang></a>
		</header>

		<div style="height: 100%;width: 100%;margin-top: 54px;" class="divColumn divCenter" id="content" v-cloak>
			<ul>
				<li v-for="(item,index) in dataList" :key='index'>
					<div class="liDivWrap divRow">
						<div style="width: 30%;height: 100%;" class="divCenter" @tap='itemClick(index)'>
							<img src="../../img/default_shop1.jpg" style="width: 100%;height: 100%;object-fit: cover;" />
						</div>
						<div style="width: 70%;height: 100%;padding: 0px 10px;" class="divColumn">
							<div style="width: 100%;height: 25%;" class="leftAndRight" @tap='itemClick(index)'>

								<span style="color: black;font-size: 14px;">正华实木家具批发</span>
								<!--<span style="color: #FE9F00;font-size: 14px;">1.97km</span>-->

							</div>
							<div style="width: 100%;height: 25%;" class="divRow divColumnCenter" @tap='itemClick(index)'>

								<span style="color: #999999;font-size: 14px;">主营：</span>
								<span style="color: black;font-size: 14px;">中，欧，美套房家具</span>

							</div>
							<div style="width: 100%;height: 25%;" class="divRow divColumnCenter" @tap='itemClick(index)'>

								<span style="color: #999999;font-size: 14px;">地址：</span>
								<span style="color: black;font-size: 14px;">岳麓区商贸城23栋108号</span>

							</div>
							<div style="width: 100%;height: 25%;" class="divRow divColumnCenter">

								<!--<span style="color: #999999;font-size: 14px;">联系人：</span>
								<span style="color: black;font-size: 14px;">周城军 18570395938</span>-->
								<span style="height: 25px;padding: 0px 12px;border: 1px solid gray;line-height: 25px;color: gray;" @tap='updata()'>修改</span>
								<span style="height: 25px;padding: 0px 12px;border: 1px solid red;line-height: 25px;margin-left: 16px;color: red;" @tap='del()'>删除</span>

							</div>
						</div>

					</div>

				</li>
			</ul>

			<div style="width: 100%;height: 48px;background: #006699;color: white;font-size: 14px;position: fixed;bottom: 0px;" class="divCenter" @tap='addMer()'>
				开通商户

			</div>

		</div>
		<script src="../../js/mui.min.js"></script>
		<script src="../../js/config.js"></script>
		<script src="../../js/common.js"></script>
		<script src="../../mall/vue/vue.min.js"></script>
		<script src="../../mall/vue/swiper/swiper.min.js"></script>
		<script src="../../mall/vue/vue-scroller.min.js"></script>
		<script src="../../js/jquery-2.1.4.js"></script>

		<script>
			mui.init();
			mui.back();
			var content = new Vue({
				el: '#content',
				data: {
					dataList: [{}],
				},

				created: function() {},
				beforeMount: function() {

				},
				mounted: function() {

				},
				methods: {
					itemClick: function(index_) {
						mui.openWindow({
							url: 'merDetails.html',
							id: 'merDetails.html'
						})
					},

					addMer: function() {
						mui.openWindow({
							url: 'openMer.html',
							id: 'openMer.html',
							extras: {
								type: 0, //1 修改 0 增加
							}
						})

					},
					updata: function() {
						mui.openWindow({
							url: 'openMer.html',
							id: 'openMer.html',
							extras: {
								type: 1, //1 修改 0 增加
							}
						})

					},
					del: function() {
						mui.toast('删除')
					}

				}

			});
		</script>

	</body>

</html>